<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=”renderer” content=”webkit”>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-活动分析管理系统</title>
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
	<link href="js/toastr/toastr.css" rel="stylesheet">
</head>
<body>
<!-- 头部 -->
<nav class="nav navbar-default navbar-mystyle navbar-fixed-top" id="app">
	 <div class="collapse navbar-collapse">
		  <ul class="nav navbar-nav">
		      <li class="li-border"><img src="images/logo.png"></li>
		      <li>活动分析管理系统</li>
		  </ul>	   
	      <ul class="nav navbar-nav pull-right">
	      	   <li>欢迎，<span>{{UserName}}</span>登陆！</li>
		       <li><a href="./login.html" class="mystyle-color">[退出]</a></li>
		       <li><a @click="modal1 = true" class="mystyle-color">[修改密码]</a></li>
	      </ul>
	      <!-- 修改密码弹框 -->
	       <modal v-model="modal1" title="修改密码" @on-ok="updatePassword" @on-cancel="cancel" width='400'>
                    <i-form :model="pwdFormItem" label-position="right" :label-width="80">
                            <row>
                                <i-col class="mb20">
                                    <Form-item label="用户名：" >
                                          <i-input v-model="pwdFormItem.UserName" disabled  style="width: 260px"></i-input>
                                    </Form-item>
                                </i-col>                                                        
                                <i-col class="mb20">
                                    <Form-item label="新密码：" >
                                          <i-input v-model="pwdFormItem.Password" placeholder="请输入新密码" type="password" style="width: 260px"></i-input>
                                    </Form-item>
                                </i-col>
                    		</row>
                	</i-form>
           </modal>
	 </div>
</nav>
<!-- 中间 -->
<div class="down-main">
	 <!-- 左侧 -->
	  <div class="left-main left-full">
		    <div class="sidebar-fold"><span class="ivu-icon ivu-icon-drag"></span></div>
		    <div class="subNavBox">
			      <div class="sBox" id="IsOrNotProject" style="display: none">
				        <div class="subNav sublist-up">
				        	<div class="showtitle leve" style="width:100px;"><img src="images/leftimg.png" />项目管理</div>
				        	<div class="title"><span class="title-icon ivu-icon ivu-icon-arrow-right-b"></span><span class="sublist-title">项目管理</span></div>
				        </div>
				        <ul class="navContent" style="display:none">
					        <li>
					            <div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />添加项目</div>
					            <a href="category.html" target="right" ><span class="ivu-icon ivu-icon-ios-paper"></span><span class="sub-title">添加项目</span></a>
					        </li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />参与率项目管理</div>
								<a href="cyl.html" target="right" ><span class="ivu-icon ivu-icon-ios-paper"></span><span class="sub-title">添加参与率项目</span></a>
							</li>
				        </ul>
			      </div>
			      <div class="sBox" id="IsOrNotData" style="display: none">
				        <div class="subNav sublist-up">
				        	<div class="showtitle leve" style="width:100px;"><img src="images/leftimg.png" />数据管理</div>
				        	<div class="title"><span class="title-icon ivu-icon ivu-icon-arrow-right-b"></span><span class="sublist-title">数据管理</span></div>
				        </div>
				        <ul class="navContent" style="display:none">
					        <li>
					            <div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />销售录入</div>
					            <a href="salesdata.html" target="right" ><span class="ivu-icon ivu-icon-ios-videocam"></span><span class="sub-title">销售录入</span></a>
					        </li>
							<li id="CylIsOrNot">
								<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />参与率项目录入</div>
								<a href="cylinput.html" target="right" ><span class="ivu-icon ivu-icon-ios-videocam"></span><span class="sub-title">参与量录入</span></a>
							</li>
							<li id="">
								<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />参与率统计</div>
								<a href="cylcalucate.html" target="right" ><span class="ivu-icon ivu-icon-ios-videocam"></span><span class="sub-title">参与率统计</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />销售总额</div>
								<a href="datatotal.html" target="right" ><span class="ivu-icon ivu-icon-ios-paper"></span><span class="sub-title">销售总额</span></a>
							</li>
							<li>
								<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />收支明细</div>
								<a href="data_statistics.html" target="right" ><span class="ivu-icon ivu-icon-ios-paper"></span><span class="sub-title">收支明细</span></a>
							</li>
					        <li>
					            <div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />销售统计</div>
					            <a href="statistics.html" target="right" ><span class="ivu-icon ivu-icon-grid"></span><span class="sub-title">销售统计</span></a>
					        </li>						        				        
				        </ul>
			      </div>
				<!--<div class="sBox">
					<div class="subNav sublist-up">
						<div class="showtitle leve" style="width:100px;"><img src="images/leftimg.png" />礼品管理</div>
						<div class="title"><span class="title-icon ivu-icon ivu-icon-arrow-right-b"></span><span class="sublist-title">礼品管理</span></div>
					</div>
					<ul class="navContent" style="display:none">
						<li>
							<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />礼品兑换</div>
							<a href="gifts.html" target="right" ><span class="ivu-icon ivu-icon-android-archive"></span><span class="sub-title">礼品兑换</span></a>
						</li>
					</ul>
				</div>-->
				<div class="sBox">
					<div class="subNav sublist-up">
						<div class="showtitle leve" style="width:100px;"><img src="images/leftimg.png" />基础信息</div>
						<div class="title"><span class="title-icon ivu-icon ivu-icon-arrow-right-b"></span><span class="sublist-title">基础信息</span></div>
					</div>
					<ul class="navContent" style="display:none">
						<li id="JXSIsOrNot">
							<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />经销商管理</div>
							<a href="dealers.html" target="right" ><span class="ivu-icon ivu-icon-android-contacts"></span><span class="sub-title">经销商管理</span></a>
						</li>
						<li id="CPIsOrNot">
							<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />产品管理</div>
							<a href="products.html" target="right" ><span class="ivu-icon ivu-icon-ios-analytics"></span><span class="sub-title">产品管理</span></a>
						</li>
						<li>
							<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />仓库管理</div>
							<a href="entrepot.html" target="right" ><span class="ivu-icon ivu-icon-social-codepen"></span><span class="sub-title">仓库管理</span></a>
						</li>
					</ul>
				</div>
				<div class="sBox" id="CGJHIsOrNot">
					<div class="subNav sublist-up">
						<div class="showtitle leve" style="width:100px;"><img src="images/leftimg.png" />采购计划</div>
						<div class="title"><span class="title-icon ivu-icon ivu-icon-arrow-right-b"></span><span class="sublist-title">采购计划</span></div>
					</div>
					<ul class="navContent" style="display:none">
						<li>
							<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />采购计划</div>
							<a href="plan.html" target="right" ><span class="ivu-icon ivu-icon-android-send"></span><span class="sub-title">采购计划</span></a>
						</li>
					</ul>
				</div>
				<div class="sBox">
					<div class="subNav sublist-up">
						<div class="showtitle leve" style="width:100px;"><img src="images/leftimg.png" />入库管理</div>
						<div class="title"><span class="title-icon ivu-icon ivu-icon-arrow-right-b"></span><span class="sublist-title">入库管理</span></div>
					</div>
					<ul class="navContent" style="display:none">
						<li>
							<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />入库管理</div>
							<a href="inbound.html" target="right" ><span class="ivu-icon ivu-icon-android-download"></span><span class="sub-title">入库管理</span></a>
						</li>
					</ul>
				</div>
				<div class="sBox">
					<div class="subNav sublist-up">
						<div class="showtitle leve" style="width:100px;"><img src="images/leftimg.png" />出库管理</div>
						<div class="title"><span class="title-icon ivu-icon ivu-icon-arrow-right-b"></span><span class="sublist-title">出库管理</span></div>
					</div>
					<ul class="navContent" style="display:none">
						<li>
							<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />出库管理</div>
							<a href="outbound.html" target="right" ><span class="ivu-icon ivu-icon-android-download"></span><span class="sub-title">出库管理</span></a>
						</li>
					</ul>
				</div>
				<div class="sBox">
					<div class="subNav sublist-up">
						<div class="showtitle leve" style="width:100px;"><img src="images/leftimg.png" />库存管理</div>
						<div class="title"><span class="title-icon ivu-icon ivu-icon-arrow-right-b"></span><span class="sublist-title">库存管理</span></div>
					</div>
					<ul class="navContent" style="display:none">
						<li>
							<div class="showtitle" style="width:100px;"><img src="images/leftimg.png" />库存管理</div>
							<a href="inventory.html" target="right" ><span class="ivu-icon ivu-icon-briefcase"></span><span class="sub-title">库存管理</span></a>
						</li>
					</ul>
				</div>


			</div>
	  </div>
	  <!-- 右侧 -->
      <div class="right-product right-full">
      	   <iframe src="welcome.html" width="100%" height="100%" name="right" scrolling="yes" frameborder="0" marginwidth="0"></iframe>
      </div>
      <div class="bottom">Coptright ©2018 东明家居集团. All rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;技术支持：数信网</div>
</div>
</body>
<script src="js/vue.js"></script>
<script src="js/iview.min.js"></script>
<script src="js/toastr/toastr.min.js"></script>
<script src="js/index/index.js"></script>

<script type="text/javascript">
$(function(){
/*左侧导航栏显示隐藏功能*/
$(".subNav").click(function(){				
			/*显示*/
			if($(this).find("span:first-child").attr('class')=="title-icon ivu-icon ivu-icon-arrow-down-b")
			{
				$(this).find("span:first-child").removeClass("ivu-icon-arrow-down-b");
			    $(this).find("span:first-child").addClass("ivu-icon-arrow-right-b");
			    //$(this).removeClass("sublist-down");
				//$(this).addClass("sublist-up");
			}
			/*隐藏*/
			else
			{
				$(this).find("span:first-child").removeClass("ivu-icon-arrow-right-b");
				$(this).find("span:first-child").addClass("ivu-icon-arrow-down-b");
				//$(this).removeClass("sublist-up");
				//$(this).addClass("sublist-down");
			}	
		// 修改数字控制速度， slideUp(500)控制卷起速度
	    $(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(300);
	});
/*左侧导航栏缩进功能*/
$(".left-main .sidebar-fold").click(function(){

	if($(this).parent().attr('class')=="left-main left-full")
	{
		$(this).parent().removeClass("left-full");
		$(this).parent().addClass("left-off");
		$(this).parent().parent().find(".right-product").removeClass("right-full");
		$(this).parent().parent().find(".right-product").addClass("right-off");	
		$(".navContent span.ivu-icon").css('display','block');		
		}
	else
	{
		$(this).parent().removeClass("left-off");
		$(this).parent().addClass("left-full");		
		$(this).parent().parent().find(".right-product").removeClass("right-off");
		$(this).parent().parent().find(".right-product").addClass("right-full");
		$(".navContent span.ivu-icon").css('display','none');
		}
	});
   
  /*左侧鼠标移入提示功能*/
		$(".sBox ul li").mouseenter(function(){
			if($(this).find("span:last-child").css("display")=="none")
			{$(this).find("div").show();}
			}).mouseleave(function(){$(this).find("div").hide();});
		$(".title").mouseenter(function(){
			if($(".sublist-title").css("display")=="none")
			{$(this).siblings(".leve").show();}
			}).mouseleave(function(){$(this).siblings(".leve").hide();})			
})
</script>
</html>